﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专家主页</title>
    <meta name="robots" content="all" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <link rel="stylesheet" href="~/styles/css/common/common.css">
    <link rel="stylesheet" type="text/css" href="~/styles/css/component/component.css">
    <link rel="stylesheet" href="~/styles/css/expert-detail.css">
</head>
<body>
    <div class="wrapper" id="wrapper" style="background:white">
        <input v-model="userName" style="display:none" />
        <clinic-head v-bind:user-name="userName"></clinic-head>
        <div class="content" id="expertInformation">
            <div class="expertInformationBox">
                <h1 class="expertTitle">
                    <a class="active-title" href="javascript:;">专家信息</a>
                </h1>
                <div class="expertDoctor" v-model="doctorInfo">
                    <h1 class="expertPic">
                        <img v-bind:src="doctorInfo.Image" onerror="javascript: this.src = '/Styles/image/default_head.png'">
                    </h1>
                    <div class="expertInformation">
                        <h1>
                            <b>{{doctorInfo.Name}}</b><span>{{doctorInfo.DepName2}}-{{doctorInfo.TitleName}}</span>
                        </h1>
                        <p>{{doctorInfo.OrgName}}</p>
                        <a href="#" class="appointmentBtn" v-bind:id="doctorInfo.Id" v-on:click='doctorBooking($event)'>立即预约</a>
                    </div>
                    <div class="beGoodAtBox">
                        <p class="beGoodAtText">
                            <b>擅长：</b><span class="two-overflow">{{doctorInfo.SkillIn}}</span>
                        </p>
                        <p class="introduceText">
                            <b>简介：</b><span class="four-overflow">{{doctorInfo.DocInfo}}</span>
                        </p>
                        <i class="openBtn" v-on:click='openIntroduce()'>展开</i>
                        <div class="openBox" id="openBox">
                            <p class="beGoodAtText">
                                <b>擅长：</b><span>{{doctorInfo.SkillInText}}</span>
                            </p>
                            <p class="introduceText">
                                <b>简介：</b><span>{{doctorInfo.DocInfoText}}</span>
                            </p>
                            <i class="closeBtn" v-on:click='closeIntroduce'>收起</i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="relevantVideoBox" v-if="showRelevantVideo">
                <h1 class="expertTitle">
                    <a class="active-title" href="javascript:;">相关视频</a>
                </h1>
                <div class="relevantVideo">
                    <div class="relevantVideoLeft" id="relevantVideoLeft">
                        <img src="~/Styles/image/videoLeft_btn.png" v-on:click="moveLeft">
                    </div>
                    <div class="relevantVideoCenter">
                        <ul class="relevantVideoContent" id="relevantVideoContent">
                            <li class="video" v-for="x in videoList">
                                <a v-bind:href="['/NewsDetail/Index?Id='+x.id]" target="_blank">
                                <div class="video-up">
                                    <img class="video-img" v-bind:src="x.img_url" onerror="javascript:this.src = '/Styles/image/NoPic.jpg'">
                                    @*<embed class="video-play" v-bind:src="x.videoSrc" type="application/x-shockwave-flash"></embed>*@
                                    <span>{{x.title}}</span>
                                </div></a>
                            </li>
                        </ul>
                    </div>
                    <div class="relevantVideoRight" id="relevantVideoRight">
                        <img src="~/Styles/image/videoRight_btn.png" v-on:click="moveRight">
                    </div>
                </div>
            </div>
            <div class="relevantTextBox">
                <h1 class="expertTitle">
                    <a v-bind:class="[article==1 ? 'active-title':'' ]" href="javascript:;" v-on:click="article=1" v-if="showDisease">相关疾病大全</a>
                    <a v-bind:class="[article==2 ? 'active-title':'' ]" href="javascript:;" v-on:click="article=2" v-if="showCase">相关病案分享</a>
                    <a v-bind:class="[article==3 ? 'active-title':'' ]" href="javascript:;" v-on:click="article=3" v-if="showGuide">相关指南共识</a>
                </h1>
                <div class="relevantTextList" v-if="article==1" v-for="(x, index) in diseasePageInfo.curPageRecord">
                    <div class="relevantText">
                        <h1 class="relevantTextTitle">
                            <a v-bind:href="['/NewsDetail/Index?Id='+x.id+'&ShowVideo=false']" target="_Blank"><img v-bind:src="x.img_url" onerror="javascript:this.src = '/Styles/image/NoPic.jpg'"></a>
                        </h1>
                        <div class="relevantTextIn">
                            <h2><a v-bind:href="['/NewsDetail/Index?Id='+x.id+'&ShowVideo=false']" target="_Blank">{{x.title}}</a></h2>
                            <span>{{x.add_time}}</span>
                            <p class="one-overflow">{{x.zhaiyao}}</p>
                        </div>
                    </div>
                </div>
                <div class="relevantTextList" v-if="article ==2" v-for="(x, index) in casePageInfo.curPageRecord">
                    <div class="relevantText">
                        <h1 class="relevantTextTitle">
                            <a v-bind:href="['/NewsDetail/Index?Id='+x.id+'&ShowVideo=false']" target="_Blank"><img v-bind:src="x.img_url" onerror="javascript:this.src = '/Styles/image/NoPic.jpg'"></a>
                        </h1>
                        <div class="relevantTextIn">
                            <h2><a v-bind:href="['/NewsDetail/Index?Id='+x.id+'&ShowVideo=false']" target="_Blank">{{x.title}}</a></h2>
                            <span>{{x.add_time}}</span>
                            <p class="one-overflow">{{x.zhaiyao}}</p>
                        </div>
                    </div>
                </div>
                <div class="relevant-guide-list" v-if="article==3" v-for="(x, index) in pageInfo.curPageRecord">
                    <ul class="guide-list">
                        <li class="guide-detail">
                            <p class="gd-content row-overflow">{{x.title}}</p>
                            <p class="read-btn">
                                <span><a v-bind:href="[x.fileSrc]" target="_blank">在线阅读</a></span>
                            </p>
                        </li>
                    </ul>

                </div>
                <clinic-page v-bind:page-param="showDiseasePageParam" style="display:none;" v-if="article==1"></clinic-page>
                <clinic-page v-bind:page-param="showCasePageParam" style="display:none;" v-if="article==2"></clinic-page>
                <clinic-page v-bind:page-param="showPageParam" style="display:none;" v-if="article==3"></clinic-page>
            </div>
        </div>
        <!--标准底部-->
        <clinic-foot></clinic-foot>
        <!--右边导航栏-->
        <clinic-right></clinic-right>
    </div>
    <script type="text/javascript" src="~/scripts/lib/jquery.js"></script>
    <script type="text/javascript" src="~/scripts/lib/xdlines.jquery.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue-resource.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/component/component.js"></script>
    <script type="text/javascript" src="~/scripts/js/public/common.js"></script>
    <script type="text/javascript" src="~/scripts/js/expert-detail.js"></script>
</body>
</html>